<template>
	<view class="news-contaniner">
		<navigator url="/healthheadlines/pages/healthdetails/healthdetails">
			<view class="news-item " v-for="item in 6">
				<view class="news-item-right">
					<text>
						怎么守护自己的肠道健康？
					</text>
					<view class="unhealth">
						<text>
							长时间吃动不平衡，还会增加超重、肥胖，进而增加三高的患病风险...
						</text>
					</view>
				</view>
				<view class="news-item-left">
					<image
						src="https://cdn8.axureshop.com/demo/1689476/images/%E5%81%A5%E5%BA%B7%E5%A4%B4%E6%9D%A1/u3195.png"
						mode=""></image>
				</view>

			</view>
		</navigator>



	</view>
</template>

<script setup>

</script>

<style scoped>
.news-contaniner {
	padding: 20rpx 32rpx 0;
	background-color: aliceblue;
	width: 750rpx;
}

.news-item {
	background-color: #ffffff;
	width: 670rpx;
	height: 240rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 15px rgba(41, 132, 248, 0.0980392156862745);
	border-radius: 12px;
	margin-bottom: 20rpx;
}

.news-item-right {
	width: 384rpx;
}

.news-item>text {
	font-size: 32rpx;
	font-weight: 500
}

.unhealth>text {
	font-size: 20rpx;
	color: #999999;
	line-height: 22rpx
}

.news-item-left>image {
	width: 160rpx;
	height: 160rpx;
}
</style>
